<template>
  <div class="student">
    <h2>学生姓名：{{name}}</h2>
    <h2>学生性别：{{sex}}</h2> 
  </div>
</template>

<script>
// 1.安装pubsub-js库，终端运行： npm i pubsub-js 
// 2.引入 pubsub
import pubsub from 'pubsub-js'

export default {
    name:'Student',
    data() {
        return {
            name:'彼暗',
            sex:'男 ', 
        }
    },
    // 钩子函数，挂载 
    mounted(){
       /* this.$bus.$on('studentAcceptor',(...params)=>{
          console.log('学生收到数据了：',params);
       }) */
       // 订阅消息
      this.pubId = pubsub.subscribe('studentAcceptor',(msgName,data)=>{
          console.log('学生收到了消息内容：',data);
      })

    },
    // 销毁前
    beforeDestroy(){
      // 取消消息订阅
      pubsub.unsubscribe(this.pubId)
    }
    

}
</script>

<!-- scoped 所有的样式只在当前组件的模板中有效-->
<style scoped>
  .student{
    background-color: orange;
  }
</style>
